<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div id="app">
        <ul class="list">
            <li>这是第1个元素</li>
            <li>这是第2个元素</li>
            <li>这是第3个元素</li>
            <li>这是第4个元素</li>
            <li>这是第5个元素</li>
        </ul>
        <input type="button" value="添加元素">
    </div>

</body>

</html>
<script>
    /* 根据要求获取页面元素，每小题20分。    
    */

// 1、获取id名为app的元素
var app=document.getElementById('app');
// 2、获取样式名为list的元素
var list=document.getElementsByClassName('list');
// 3、获取所有的li元素
var lis=document.getElementsByTagName('li');
// 4、获取样式为list的ul下的第一个li元素
var li=document.querySelector('.list li')
// 5、获取页面中的按钮元素。
var button=document.getElementsByTagName('input')[0]
</script>